<template>
	<view class="illustrate">
		<view class="header">

		</view>
		<view class="title">
			积分获取方法以及使用说明
		</view>
		<view class="content">
			{{content}}
		</view>
		<view class="footer">
			<image class="footerimg" src="https://wlsy.nanjingyunpeng.cn/weixin/image/footerImg.png"></image>
		</view>
	</view>
</template>

<script>
	import {
		getsettings
	} from "../../api/api.js"
	// import {
	// 	methods
	// } from "../../uni_modules/uview-ui/libs/mixin/mixin.js"
	export default {
		data() {
			return {
				content: "",
			}
		},

		onLoad() {
			this.getsettings(1)
		},
		methods: {

			async getsettings(val) {
				let res = await getsettings({
					id: val
				})
				// console.log("积分说明", res)
				if(res.code===1000){
					this.content = res.data
				}
			}

		}


	}
</script>

<style scoped lang="scss">
	.illustrate {
		min-width: 100%;
		min-height: 100%;
		background-color: #EEF7FE;
		padding: 30rpx;
		padding-top: 70rpx;
		box-sizing: border-box;

		.header {
			width: 750rpx;
			height: 40rpx;
			background: #466EE7;
			border-radius: 0rpx 0rpx 60rpx 60rpx;
			position: fixed;
			top: 0;
			left: 0;
		}

		.content {
			font-size: 30rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			line-height: 36rpx;
			text-indent: 60rpx;
			z-index: 99;
			margin-top: 20rpx;
		}

		.footer {
			width: 750rpx;
			height: 324rpx;
			position: fixed;
			bottom: 0;
			left: 0;

			.footerimg {
				width: 100%;
				height: 100%;
			}
		}
	}
</style>
